<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/editor/css/editormd.preview.css" />
    <link rel="stylesheet" href="/editor/css/style.css" />
    <script src="/js/axios.js"></script>
    <script src="/editor/js/jquery.min.js"></script>
    <script src="/editor/lib/marked.min.js"></script>
    <script src="/editor/lib/prettify.min.js"></script>

    <script src="/editor/lib/raphael.min.js"></script>
    <script src="/editor/lib/underscore.min.js"></script>
    <script src="/editor/lib/sequence-diagram.min.js"></script>
    <script src="/editor/lib/flowchart.min.js"></script>
    <script src="/editor/lib/jquery.flowchart.min.js"></script>
    <script src="/js/app.js"></script>
    <script src="/editor/js/editormd.js"></script>

    <style>
        .editormd-html-preview {
            width: 90%;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div style="padding: 20px">
       <div style="padding: 20px;background-color: white">
           <div id="layout">
               <header>
                  <div align="center">
                       <div id="title-content"></div>
                      <br>
                      <div id="views"></div>
                  </div>
               </header>


               <div id="test-editormd-view">
                   <textarea style="display:none;" name="test-editormd-markdown-doc">###Hello world!</textarea>
               </div>
               <div id="test-editormd-view2">
                <textarea id="append-test"  style="display:none;">
                </textarea>
               </div>
           </div>
       </div>
</div>
<script>
    $(function() {
        var testEditormdView, testEditormdView2;

        $.get("test.md", function(markdown) {

            testEditormdView = editormd.markdownToHTML("test-editormd-view", {
                markdown        : markdown ,//+ "\r\n" + $("#append-test").text(),
                //htmlDecode      : true,       // 开启 HTML 标签解析，为了安全性，默认不开启
                htmlDecode      : "style,script,iframe",  // you can filter tags decode
                //toc             : false,
                tocm            : true,    // Using [TOCM]
                //tocContainer    : "#custom-toc-container", // 自定义 ToC 容器层
                //gfm             : false,
                //tocDropdown     : true,
                // markdownSourceCode : true, // 是否保留 Markdown 源码，即是否删除保存源码的 Textarea 标签
                emoji           : true,
                taskList        : true,
                tex             : true,  // 默认不解析
                flowChart       : true,  // 默认不解析
                sequenceDiagram : true,  // 默认不解析
            });

            //console.log("返回一个 jQuery 实例 =>", testEditormdView);

            // 获取Markdown源码
            //console.log(testEditormdView.getMarkdown());

            //alert(testEditormdView.getMarkdown());
        });

        testEditormdView2 = editormd.markdownToHTML("test-editormd-view2", {
         //   htmlDecode      : "style,script,iframe",  // you can filter tags decode
            emoji           : true,
            taskList        : true,
            tex             : true,  // 默认不解析
            flowChart       : true,  // 默认不解析
            sequenceDiagram : true,  // 默认不解析
        });
    });

    var url = decodeURI(window.location.href);
    var argsIndex = url.split("?obj=");
    var arg = argsIndex[1];

    var result=data();
    $("#title-content").html(result.data.title)
    $("title").html(result.data.title);
     $("#append-test").val(result.data.content)
     $("#views").html('浏览次数：'+result.data.viewnum)
    // api.GET('/note/get',{'nid':arg},(result)=>{
    //     $("#title-content").html(result.data.title)
    //     $("#append-test").val(result.data.content)
    //     $("#views").html('浏览次数：'+result.data.viewnum)
    // })
    function data(){
        return api.URLAjax('get','/note/get',{'nid':arg})
    }





</script>
</body>
</html>